/*
 * @Date: 2020-07-13 17:41:13
 * @LastEditTime: 2021-03-12 18:59:28
 * @Description: scss初始化目录
 * @FilePath: \vue-leng\src\assets\scss\base.scss
 */ 
@charset "utf-8";

@import "./variable.scss";
// 主题
@import "./theme/theme.scss";
@import "./theme/theme-mixin.scss";
/*注入配置*/
@import "./mixin";

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  background: #656565;
}

@media screen and (min-width: 200px) and (max-width: 320px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  html {
    font-size: 18px;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 20px;
  }
}

.black-stripe-btm {
  padding-bottom: var(--safe-area-inset-bottom);
}

/* 禁止缩放表单 */
// input[type="submit"], input[type="reset"], input[type="button"], input {
//   resize: none;
//   border: none;
// }

/*屏蔽阴影;ios android去除自带阴影的样式*/
a,input,img {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 禁止长按链接与图片弹出菜单 */
a,img {
  -webkit-touch-callout: none;
}


/**
 * 自定义样式
 */
[v-cloak] {
  display: none;
}

.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #959698;
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.tdrag {
  cursor: grab;
}

.nodrag {
  border: 1px #5f5f5f dotted;
}

.nodrag:hover {
  cursor: auto;
}

/*单行溢出 手机端使用*/
.ells {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* -webkit-line-clamp: 2; */
  overflow: hidden;
  display: block;
}

.clear::after {
  /*原理： overflow!=visible ;display!=block;float!=none;position!=static||relative 都可为元素创建BFC; 消除边距重叠或者浮动产生的影响*/
  content: "";
  overflow: hidden;
  clear: both;
}
